﻿<!DOCTYPE HTML>
<html lang="en">
	<head>
		<title>Văn hóa - Nghệ thuật - Văn hoá Hà Nội</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="robots" content="index, follow" />
  		<meta name="keywords" content="vanhoahanoi, văn hóa hà nội, thăng long hà nội" />
  		<meta name="description" content="Trang web văn hóa hà nội cung cấp thông tin và nguồn tư liệu hữu ích về nét văn hóa đặc trưng của hà nội cũng như các tin tức - sự kiện của thủ đô" />

		<link rel="shortcut icon" href="images/icon.png">  
		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
		
		<!-- QA - theme -->
		<link rel="stylesheet" href="style/style.css" type="text/css" media="screen"/>
		<script type="text/javascript">
		    $(function(){
		        $('body').append('<div id="top"></div>');
		        $(window).scroll(function(){
		            var $toa_do=$(window).scrollTop();
		            //alert($toa_do);
		            if($toa_do==0){
		                $('#top').fadeOut();
		            }else {$('#top').fadeIn()} ;
		        });
		        $('#top').click(function(){
		            $('html,body').animate({scrollTop:0},500);
		        });
		    });
		</script>
	</head>
	<body>
		<!-- PHAN HEADER -->
		<div id="qa-header">
			<div class="main">
					<div id="qa-top-panel">
						<ul>
							<li><a href="index.html">Trang chủ</a></li>
							<li><a target="_bank" href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">Bản đồ Hà Nội</a></li>
							<li><a href="tm-LienHe.html">Liên hệ</a></li>
							<li><a href="mailto:laithanha3@zing.vn">Hỗ trợ</a></li>
							<li><a href="tm-sitemap.html">Sơ đồ web</a></li>
							<li class="clear"></li>
						</ul>
					</div>
					<a href="index.html"><img src="images/logo.png" alt="Văn hoá Hà Nội" height="90px"/></a>
					<g:plusone></g:plusone>
			</div>
		</div>
		<!-- PHAN MENU -->
		<div id="qa-menu">
			<div class="main clear">
			 	<ul class="qa-MainMenu clear">
							<li><a class="liaItem" href="index.html"><img src="images/icon/home.png" alt="Trang chủ"></a></li>
							<li><a class="liaItem" href="tm_gioi_thieu.html">Giới thiệu</a></li>
							<li><a class="liaItem" href="mn-tin-tuc.html">Tin tức - Sự kiện</a></li>
							<li><a class="liaItem" href="mn-diem-den.html">Điểm đến</a></li>
							<li><a class="liaItem" href="mn-am-thuc.html">Ẩm thực</a></li>
							<li><a class="liaItem" href="mn-phonghe-langnghe.html">Phố nghề - Làng nghề</a></li>
							<li class="selected"><a class="liaItem" href="mn-vanhoa-nghethuat.html">Văn hóa - Nghệ thuật</a></li>
							<li><a class="liaItem" href="mn-nguoi-ha-thanh.html">Người Hà Thành</a></li>
							<li><a class="liaItem" href="tm_thu_vien_anh.html">Thư viện ảnh</a>
								<ul class="qa_submenu">
									<li><a href="#">Chân dung người Hà Nội</a></li>
									<li><a href="#">Địa danh Hà Nội</a></li>
									<li><a href="#">Hà Nội về đêm</a></li>
								</ul>
							</li>
							<li class="clear"></li>
				</ul>

			</div>
		</div>
	    <!-- PHAN FRONT PAGE -->		
	    <div id="qa-frontpage">
	    	<div class="main">
	    		<!-- BODY ROW 1 -->
			    <div id="row1">
			      		<div id="pos1" class="qa-colLeft fleft">
			      			<!-- BIG NEWS -->
							<div id="qa-SlideShow">
								<div class="qa-main-slideshow qa-SlideNews">
									<img src="images/phonghe-langnghe/Capture.PNG" />
			                        <div class="contain">
			                        	<h1>Múa rối nước</h1>
			                        	<p style="text-align:right;">30/11/2012</p>
			                        	<p>Trong kho tàng nghệ thuật dân gian Việt Nam, múa rối nước là một trong những loại hình độc đáo nhất. Với sân khấu là mặt nước, diễn viên là các con rối, cộng với hiệu quả của ánh sáng và pháo hoa đã tạo ra những màn biểu diễn hấp dẫn và huyền ảo.
			                        	</p>
			                            <div style="text-align:right;"><a href="#">Xem thêm</a></div>
			                            <div class="clear"></div>
			                        </div>
			                        <div class="clear"></div>
		                   		</div>
							</div>
							<!-- LIST NEWS -->
							<div class="qa-listnews">
		                    	<img src="images/phonghe-langnghe/images.jpeg" />
		                        <div class="contain">
		                        	<h1 class="title">Nghệ thuật  khảm trai</h1>
		                        	<p class="date-time">11/10/2010</p>
		                        	<p>Nghề khảm trai không đơn giản chỉ là nghề đục đẽo, lắp ráp theo khuôn mẫu nhất định. Để có được một sản phẩm khảm trai theo đúng nghĩa, đó còn là cả một nghệ thuật.</p>
		                            <div class="read-more"><a href="#">Xem thêm</a></div>
		                        </div>
		                        <div class="clear"></div>
                    		</div>
                    		<div class="qa-listnews">
		                    	<img src="images/phonghe-langnghe/images3.jpeg" />
		                        <div class="contain">
		                        	<h1 class="title">Nghệ thuật thêu tay</h1>
		                        	<p class="date-time">06/10/2010</p>
		                        	<p>Thêu là một nghề thủ công đòi hỏi người thợ phải có đôi bàn tay khéo léo, tài hoa, đôi mắt tinh tường cộng với bộ óc tinh tế và đức tính cẩn thận, cần mẫn. Lao động của người thợ thêu không khác gì lao động của một nghệ sĩ dân gian, một họa sỹ tài năng. </p>
		                        	<div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                         </div>
		                         <div class="clear"></div>
		                    </div>
							
							<div class="qa-listnews">
		                    	<img src="images/phonghe-langnghe/99.jpg" />
		                        <div class="contain">
		                        	<h1 class="title">Tranh Đông Hồ</h1>
		                        	<p class="date-time">09/10/2010</p>
		                        	<p>Tranh Hàng Trống là một dòng tranh dân gian được làm chủ yếu ở các phố Hàng Trống, Hàng Nón... của Hà Nội. Nhìn chung, tranh Hàng Trống có ưu thế nổi trội về thể loại tranh thờ gắn liền với tín ngưỡng thờ cúng tổ tiên của người Việt và việc thần thánh hóa các hiện tượng tự nhiên. Bên cạnh đó với đặc điểm màu sắc rực rỡ, tươi vui, giàu sức sống, nên tranh cũng được nhiều người Hà Nội ưa chuộng chọn mua về treo Tết.</p>
		                            <div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                        </div>
		                        <div class="clear"></div>
		                    </div>

							<div class="qa-listnews">
		                    	<img src="images/phonghe-langnghe/tohe.jpeg" />
		                        <div class="contain">
		                        	<h1 class="title">Tò he-Kỉ niệm trẻ thơ</h1>
		                        	<p class="date-time">15/10/2010</p>
		                        	<p>Tò he là  một loại đồ chơi dân gian  được nặn từ bột nếp nhuộm phẩm màu tạo nên những sản phẩm với đa dạng hình khối và dáng điệu vô cùng sinh động. Vượt ngoài giá trị thực tế, tò he đã trở thành đặc phẩm mang tính nhân văn, giàu giá trị biểu cảm và người thợ nặn tò he trở thành nhà tạo hình tài  năng.</p>
		                        	<div class="read-more paper-curl"><a href="#">Xem thêm</a></div>
		                       	</div>
		                       	<div class="clear"></div>
		                    </div>
		                    <!-- PHAN TRANG -->
		                    <div class="page-turning">
			                    	<span>1</span>
			                    	<span>2</span>
			                    	<span>3</span>
			                    	<span>4</span>
			                    	<span>5</span>
			                    	<span>6</span>	
			                        <span>Tiếp theo</span>
			                        <span>Trang cuối</span>
			                        <div class="clear"></div>
			                </div>
			                <div class="clear"></div>    
						</div>
						<div id="pos2" class="qa-colRight fleft" style="height:854px;">	
							<div class="qa-posterRight">
								<img src="images/logo_Thang_Long_Ha_Noi.jpg" alt="Biểu tượng Hà Nội"/>
							</div>
							<script language="javascript" type="text/javascript">  
									dayName = new Array ("Chủ nhật","Thứ hai","Thứ ba","Thứ tư","Thứ năm","Thứ sáu","Thứ bảy")  
									monName = new Array ("1","2","3","4","5","6","7","8","9","10","11","12")  
									now = new Date  
									document.write("<p class='qa-getDate'>"+dayName[now.getDay()]+ ", Ngày " +now.getDate()+ " Tháng " +monName[now.getMonth()]+ " Năm " +now.getFullYear()+ "</p>")                                      
							</script>
							<div class="qa-search">
								<input name="searchword" class="inputbox" maxlength="36" type="text" size="37" value="Tìm kiếm..." onblur="if (this.value=='') this.value='Tìm kiếm...';" onfocus="if (this.value=='Tìm kiếm...') this.value='';">
								<input type="submit" value="Tìm kiếm" class="button" onclick="this.form.searchword.focus();">
							</div>
							<!-- AddThis Button BEGIN -->
							<table boder="0" width="100%">
							    <tbody>
							        <tr valign="top">
							            <td width="15%">&nbsp;<img alt="" src="images/icon/facebook_48.png" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://www.facebook.com/sharer.php?u=http://simplegroup.edu.vn/cntt/BTLTM">Facebook</a>&nbsp;</td>
							            <td width="15%">&nbsp;<img alt="" src="images/icon/yahoo.jpg" style="width: 20px;"></td>
							            <td valign="top" width="35%">&nbsp;<a href="http://bookmarks.yahoo.com/toolbar/savebm?u=http://simplegroup.edu.vn/cntt/BTLTM">Yahoo</a>&nbsp;</td>
							        </tr>
							        <tr>
							            <td>&nbsp;<img alt="" src="images/icon/twitter_48.png" style="width: 20px;"> </td>
							            <td>&nbsp;&nbsp;<a href="http://twitthis.com/twit?url='http://simplegroup.edu.vn/cntt/BTLTM'">twitter</a>&nbsp;</td>
							            <td>&nbsp;<img alt="" src="images/icon/google_48.png" style="width: 20px;"></td>
							            <td>&nbsp;&nbsp;<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk='http://simplegroup.edu.vn/cntt/BTLTM'">Google plus!</a>&nbsp;</td>
							        </tr>
							    </tbody>
							</table>
							<!-- AddThis Button END -->
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Bản đồ Hà Nội</h3>
								<a href="http://maps.google.com/maps?hl=vi&amp;bav=on.2,or.r_gc.r_pw.r_cp.r_qf.&amp;bvm=bv.1354675689,d.aGc&amp;bpcl=39650382&amp;biw=1366&amp;bih=643&amp;q=ha%CC%80+n%C3%B4%CC%A3i&amp;um=1&amp;ie=UTF-8&amp;hq=&amp;hnear=0x3135ab9bd9861ca1:0xe7887f7b72ca17a9,H%C3%A0+N%E1%BB%99i,+Ho%C3%A0n+Ki%E1%BA%BFm,+H%C3%A0+N%E1%BB%99i&amp;gl=vn&amp;sa=X&amp;ei=QKHGUJuyEo-UiAfup4GQCg&amp;ved=0CDYQ8gEwAQ">
										<img class=" radius5" src="http://www.google.com/maps/vt/data=Ay5GWBeob_WIPLDYoIWcfVXxvZu9XwJ55OX7Ag,jkG2sF_wIMYhzqnLnvDYs92QjaHzU9o1R4w59aj2QuwX55ktwg2f-BKUBaJo8qBqgYSQDPOoIVaj9uj3VUMprD_x5M9rihI0-LoYj77pSzDlvM2yiKr1sKNvx0qKUKommr5CU2rInqFWhgvgG_jFO-MQ7lS6klueHsEZAQxpiB8gROYbj56Kypp-6o6_xw" height="150" width="280" alt="Hà Nội, Hoàn Kiếm, Hà Nội" title="Hà Nội, Hoàn Kiếm, Hà Nội">
								</a>								
							</div>
							<div class="qa_map_hanoi_right">
								<h3 class="qa-title">Phản hồi - Góp ý</h3>
								<form style="line-height:25px;">
									<p style="font-weight:bold;">Bạn cảm nhận về website như thế nào?</p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Website hữu ích, chuyên nghiệp</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Giao diện đẹp, bắt mắt</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Thông tin hữu ích, nhiều tiện ích hay</label></p>
									<p><input type="radio" name="qa_vote">&nbsp;&nbsp;<label>Một kênh thông tin toàn diện cho khách du lịch</label></p>
									<p><input type="submit" value="Bình chọn"></p>
								</form>
							</div>
						</div>
						<div class="clear"></div>
			    </div>
			</div>
		</div>
		
	   </div>	
	   <div id="qa-footer">
	   		<div class="main">
				<p class="footer-text">Trang web về văn hóa Hà Nội của môn Lập trình mạng I<br />
					Nhóm thực hiện: Đỗ Huy Quang, Nguyễn Đồng Thắng, Lại Thị Thanh<br />
					&copy;Thiết kế 2012 @ Website hỗ trợ tốt nhất ở các trình duyệt Chrome, Firefox, IE9.
				</p>
			</div>
	   </div>
	   <div id="top" style="position: fixed;display:none;bottom:30px;right:10px;"><img src="images/icon/blue_arrow_up.png"/></div>
	</body>
</html>